<template>
  <transition name="fade" mode="out-in">
    <router-view />
<!--    <keep-alive :include="aliveViews">-->
<!--      <router-view v-if="!this.isRefreshing" :key="$route.path" />-->
<!--    </keep-alive>-->
<!--    <div style="display:flex;flex-direction: column;flex: 1">-->
<!--      <keep-alive v-if="!this.isRefreshing">-->
<!--        <router-view  v-if="$route.meta.isAlive" :key="$route.path"></router-view>-->
<!--      </keep-alive>-->
<!--      <router-view v-if="!$route.meta.isAlive" key="$route.path"></router-view>-->

<!--    </div>-->
  </transition>
</template>
<script lang="ts">
// import { mapGetters } from 'vuex';

export default {
  // computed: {
  //   ...mapGetters({
  //     tabRouterList: 'tabRouter/tabRouterList',
  //     isRefreshing: 'tabRouter/isRefreshing',
  //     isUseTabsRouter: 'setting/isUseTabsRouter',
  //   }),
  //   aliveViews() {
  //     return this.tabRouterList.filter((route) => route.meta?.isAlive).map((route) => route.name);
  //   },
  // },
};
</script>
<style lang="less" scoped>
@import '@/style/variables';

.fade-leave-active,
.fade-enter-active {
  transition: opacity @anim-duration-slow @anim-time-fn-easing;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
</style>
